@import "../../../../../../../../styles/variables";

.controversy-icon {
    width: 1rem;
    height: 1rem;
}

.controversy-icon-lg {
    width: 2.5rem;
    height: 2.5rem;
}

.indicator-icon {
    width: 2.5rem;
    height: 2.5rem;
}

.category-icon {
    width: 2.5rem;
    height: 2.5rem;
}

.category-icon-sm {
    width: 1.25rem;
    height: 1.25rem;;
}

.outlook-icon {
    width: 1.25rem;
    height: 1.25rem;
}

.theme-name {
    color: $medium-grey;
    padding-left: 0.85rem;
    font-weight: $font-weight-bold;
}

.incident-name {
    font-weight: $font-weight-bold;
    font-size: $secondary-font-size;
    margin-bottom: 1rem;
}

.incident-description {
    font-size: $secondary-font-size;
    line-height: 1rem;
}

.indicator-details {
    font-size: $secondary-font-size;
    padding: 0rem 3rem 1rem;
}

.incidents-list {
    max-height: 500px;
    overflow-y: auto;
}


.indicator-name {
    font-size: 1.25rem;
}

.value {
    font-size: 1.5rem;
}

.indicator-modal {
    padding: 2rem 1.25rem;
}

.indicator-title {
    color: $dark-grey;
    font-family: $font-family-secondary;
    margin-bottom: 2rem;
    font-weight: 600;
    text-transform: uppercase;
}

.numeric-column {
    text-align: right;
    padding-right: 3rem;
}